//该文件用于创建Vuex中最为核心的store
import Vue from 'vue'
//引入Vuex
import Vuex from 'vuex'
//应用vuex插件
Vue.use(Vuex)

//准备actions——用于响应组件中的动作
const actions={
    addOdd(context,value){
        if(context.state.sum%2){
            console.log("actions中的addOdd被调用了")
            context.commit("Addmore",value)
        }
    },
    addWait(context,value){
        setTimeout(()=>{
            console.log("actions中的addWait被调用了")
            context.commit("Addmore",value)
        },500)
    }
}
//准备mutations——用于操作数组（state）
const mutations={
    Addmore(state,value){
        console.log("mutations中的Addmore被调用了")
        state.sum+=value
    },
    Deduce(state,value){
        console.log("mutations中的Deduce被调用了")
        state.sum-=value
    },
    AddPerson(state,value){
        state.personList.unshift(value)
    }
}
//准备state——用于存储数组
const state={
    sum:0,
    school:"幸福大学",
    subject:"计算机",
    personList:[
        {id:"001",name:"张三"}
    ]
}

//准备getters——用于将state中的数据进行加工
const getters={
    bigSum(state){
        return state.sum*10
    }
}

//创建并暴露store
export default new Vuex.Store({
    actions,
    mutations,
    state,
    getters
})

